<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 实例 - 条纹表格</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body style="text-align: center">

<table class="table table-striped" style="width: 500px;text-align: center ">
    <caption>用户信息</caption>
    <caption><a href="/member/create" >添加用户</a></caption>

    <thead>
    <tr>
        <th>ID</th>
        <th>姓名</th>
        <th>手机号码</th>
        <th>邮箱地址</th>


        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    {volist name="list" id="vo"}
    <tr>
        <td>{$vo.id}</td>
        <td>{$vo.username}</td>
        <td>{$vo.mobile}</td>
        <td>{$vo.email}</td>


        <td>
            <a href="/member/edit/{$vo.id}">编辑</a>
            <a href="/member/delete/{$vo.id}">删除</a>



        </td>
    </tr>
    {/volist}
    <tr><td colspan="3">{$list|raw}</td></tr>


    </tbody>
</table>

</body>
</html>
